/*
    Document   : contact.css
    Created on : Apr 18, 2012, 4:34:35 PM
    Author     : tronghm
    Description:
        Purpose of the stylesheet follows.
*/
.header-outter{
    height: 320px !important;
}
.ho-bottom{
    height: 230px !important;
    background: #78ac41 !important;
}

#article-content{
    padding: 20px  30px;
    color: #02b4e4;
}
#article-details .a-title{
    font-size: 22px;
    color: #f36d57;
    margin: 10px 0px;
}
#article-details #a-vote-social{
    height: 20px; padding: 5px 0px;
    line-height: 20px;
    border-top: 1px solid #cbcbcb;
    border-bottom:1px solid #cbcbcb;
    color: #2c2c2c;
}
#article-details #a-vote-social span{
    float: left;
    display: block;
    padding-left: 10px;
    margin-right: 10px;
    
}
#article-details #a-vote-social #a-vote,
#article-details #a-vote-social #a-views,
#article-details #a-vote-social #a-social{
    border-right: 1px solid #cbcbcb;
    float: left;
    padding-right: 20px;
    padding-left: 10px;
}
#article-details #a-vote-social #a-social{
    border-right: none;
}
#article-details .a-content{
    line-height: 20px;
}
/* Style for news category view */
.category .c-article{
    margin: 0px 15px 10px 15px;
    border-bottom: 1px solid #b9c5c9;
    padding-bottom: 10px;
}
.category .c-article.last{
    border: none;
}
.category .c-article .a-top{
    height: 75px;
    padding-bottom: 10px;

}
.category .c-article .a-top .a-created-date{
    background: url(../images/time-bg.png) no-repeat;
    width: 94px; height: 75px;
    font-family: 'Oswald', Arial, Tahoma; text-align: center;    
    color: #ffffff;
    float: left;
}
.category .c-article .a-top .a-created-date span{
    width: 100%; 
}
.category .c-article .a-top .a-created-date span.month-year{
    font-size: 13px; text-transform: uppercase;
    line-height: 40px;
    font-weight: bold;
}
.category .c-article .a-top .a-created-date span.day{
    font-size: 30px;
}
.category .c-article .a-top h3 a{
    font-size: 22px; color: #f36d57;
    margin-left: 110px;
    display: block;
    font-family: 'Oswald', Arial, Tahoma;  
    line-height: 29px;
}
.category .c-article .a-top h3 a:hover{
    color: #2e3639;
}
.category .c-article .a-top .a-data{
    margin-left: 110px;
    height: 15px;
    
}
.category .c-article .a-top .a-data p{
    float: left;
    margin-right: 10px;
}
.category .c-article .a-top .a-data p span{
    color: #798d95;
}
.category .c-article .a-image{
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px;
}
.category .c-article .a-summary{
    font-family: Verdana, Arial, Tahoma;
    color: #2e3639;
    text-align: justify;
    margin-bottom: 10px;
}
.category .c-article .a-readmore{
    display:block;
    background: url(../images/readmore-bg.png) no-repeat top center;
    width: 121px; height: 26px;
    text-align: center;
    font-family: 'Oswald', Arial, Tahoma;
    text-transform: uppercase;
    color: #ffffff; line-height: 26px;

}
.category .c-article .a-readmore:hover{
    background: url(../images/readmore-bg.png) no-repeat bottom center;
}
